<template>
    <div>
        <!-- {{chartsData}}
        <br>
        {{tempTime}}
        <br>
        {{interval}}
        <br>
        最大温度：{{maxTemperature}}
        <br>
        最下温度: {{minTemperature}} -->
        <!-- 曲线 -->
        <!-- maxTemperature
        minTemperature -->


        <i-charts :chartsData="resQuery"></i-charts>
    </div>
</template>

<script>
import moment from 'moment'
moment.locale('zh-cn')
import iCharts from '../../components/charts'
export default {
    components:{
        iCharts
    },
    data(){
        return {
            time: moment().format('YYYY-MM-DD h:mm:ss'), // 当前时间
            resQuery: [], // 查询结果
        }
    },
    // computed:{
    //     // 曲线数据
    //     chartsData(){
    //         let arr = this.resQuery
    //         for(let i in arr){
    //             return arr[0].startToReadTemp
    //         }
    //     },
    //     // 记录时间
    //     tempTime(){
    //         let arr = this.resQuery
    //         for(let i in arr){
    //             return arr[0].tempTime
    //         }
    //     },
    //     // 记录间隔
    //     interval(){
    //         let arr = this.resQuery
    //         for(let i in arr){
    //             return arr[0].interval1
    //         }
    //     },
    //     // 温度最大值
    //     // 最大温度+5度，最小温度-5度，用来做曲线y轴刻度值
    //     maxTemperature(){
    //         let arr = this.resQuery
    //         for(let i in arr){
    //             return  parseInt(arr[0].maxTemperature + 5)
    //         }
    //     },
    //     // 最小温度值
    //     minTemperature(){
    //         let arr = this.resQuery
    //         for(let i in arr){
    //             return parseInt(arr[0].minTemperature - 5)
    //         }
    //     }
    // },
    methods:{
        // 查询设备详情数据
        getDetailsData(){
            let data = {
                'query_type': 2,
                'serialId':this.$route.query.id,
                'startTime': '2000-01-01 01:30:10',
                'endTime': this.time
            }
            this.$http.post('/query',data).then(res =>{
                let length = res.data.data.length
                if(length !== 0){
                    this.resQuery = res.data.data
                }else{
                    this.$Message.error('查询数据失败！')
                }
            })
        }
    },
    created(){
        this.getDetailsData()
    },
    watch:{
        // 监听路由变化刷新数据
        '$route'(to,from){
            console.log(this.$route.query)
        }
    }
}
</script>

<style>

</style>
